<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        form{
            width: 500px;
            height: 550px;
            border: 1px solid rgb(128, 190, 244);
            border-radius: 10px;
            margin: 0 auto;
        }
        p{
            text-align: center;
        }
        fieldset{
               border-width: 1px 0 0 0 ; 
               border-color: rgb(128, 190, 244);
        }
        hr{
            display: inline-block;
        }
        textarea{
            resize: none; 
            overflow: scroll;
            /* width: 150px; */
            overflow-x: hidden;
        }
    </style>
</head>
<body>
    <p>*为必填项目</p>
    <form action="">
        <fieldset>
            <legend>个人信息</legend>
            姓名*<input type="text" name="name" id="" ><br>
            地址*<input type="text" name="name" id="" ><br>
            出生*<select>
                <option value="">1</option>
                <option value="">2</option>
                <option value="">3</option>
                <option value="">4</option>
                <option value="">5</option>
                <option value="">6</option>
                <option value="">7</option>
                <option value="">8</option>
                <option value="">9</option>
            </select>
            <select>
                <option value="">Jan</option>
                <option value="">2</option>
                <option value="">3</option>
            </select>
            <select>
                <option value="">1979</option>
                <option value="">2</option>
                <option value="">3</option>
            </select>
            <hr>
            <br>
            性别<select>
                <option value="">男</option>
                <option value="">女</option>
            </select>
        </fieldset>
        <fieldset>
            <legend>其他信息</legend>
            <fieldset>
                <legend>你喜欢这个表单吗?*</legend>
                <input type="radio" name="like">喜欢
                <input type="radio" name="like">不喜欢
            </fieldset>
            <fieldset>
                <legend>你喜欢什么运动?*</legend>
                <input type="checkbox" name="sport">篮球
                <input type="checkbox" name="sport">足球
                <input type="checkbox" name="sport">排球
                <input type="checkbox" name="sport">乒乓球
            </fieldset>
            <fieldset>
                <legend>请写下你的建议*</legend>
                <textarea name="" id="" cols="50" rows="10"></textarea><button>提交个人信息</button>
            </fieldset>
            
    </form>
</body>
</html>